//声音
import { Cascader } from 'antd';
import { NotificationOutlined } from "@ant-design/icons"
import BuZhou from "../../component/detection/buzou"
import './index.scss'
const App = (props) => {
  const onChange = (value) => {
    console.log(value);
  };
  return (
    <>
      <div className='voice_q'>

        <div className='voice_s'>

          <div className='voice_a'>
            <span>请选择麦克风设备</span>
            <Cascader onChange={onChange} placeholder="麦克风(Realtek high) " />
          </div>

          <div className='voice_z'>
            <span>请调整声音大小</span>

            <div className='voice_c'>
            <NotificationOutlined className='voice_l'/>
            <BuZhou style={{ with: 50 }} />
            
            </div>

          </div>

        </div>
        <div className='voice_w'>
          <div className='voice_h'>
            <div className='voice_qq'></div>
            <div className='voice_qq'></div>
            <div className='voice_qq'></div>
            <div className='voice_qq'></div>
            <div className='voice_qq'></div>
            <div className='voice_qq'></div>
            <div className='voice_qq'></div>
            <div className='voice_qq'></div>
            <div className='voice_qq'></div>
            <div className='voice_qq'></div>
            <div className='voice_qq'></div>
            <div className='voice_qq'></div>
          </div>
          
          <p>对着麦克风说话10秒,能否听见声音?</p>
        </div>

      </div>
      
      <div className='index_button_z'>
      <div className="index_button_s"
      onClick={()=>{
        props.changename('摄像头')
      }}
      >
          能
        </div>
        
        <div className="index_button_s">
          不能
        </div>
      </div>
    </>
  )

}
export default App